<template>
    <div class="main">
        <div class="menu">
            <el-menu 
                router
                :default-active='active_menu'
                text-color="#000" 
                active-text-color="#398bf7"
            >
                <!-- <el-menu-item index="/lineup/detail">
                    <span slot="title">排单列表</span>
                </el-menu-item> -->
                <el-menu-item index="/lineup/list">
                    <span slot="title">全部排单</span>
                </el-menu-item>
            </el-menu>
        </div>
        <div class="content">
            <router-view/>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            active_menu:'',
            
        }
    },
    mounted(){
       
        this.active_menu = this.$route.fullPath
    },
    computed:{
        
    },
    methods:{

    },
    beforeRouteUpdate (to, from, next) {
        this.active_menu = to.fullPath
        next()
    }
}
</script>
<style lang="scss" scoped>
    .main{
        display: flex;
        .menu{
            width: 150px;
            min-height: calc(100vh - 61px);
            background-color: #ffffff;
            text-align: center;
        }
        .content{
            width: calc(100% - 150px);
        }
    }
</style>